{layout name="./p/base"}
  <div id="page-wrapper">
    <div class="row">
      <div class="col-lg-12">
        <h1>管理 <small>订单信息</small></h1>
        <ol class="breadcrumb">
          <li><a href="/manager/index"><i class="fa fa-dashboard"></i> 管理首页</a></li>
          <li class="active"><i class="fa fa-table"></i> 订单待付款信息列表</li>
        </ol>
        <div class="alert alert-success alert-dismissable">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
          这里可以修改、删除订单信息 
        </div>
      </div>
    </div>
    <form class="form-horizontal" role="form" action="/orders/indexcancel" method="get">
      <div class="form-group col-sm-3" style="margin-right:10px;">
        <label for="">选择搜索条件</label>
        <select class="form-control" name="searchfield">
          <option value="">全部</option>
          {if input('get.searchfield') eq 'number'}
          <option value="number" selected="true">订单编号</option>
          {else /}
          <option value="number">订单编号</option>
          {/if}
          
          {if input('get.searchfield') eq 'rent_mobile'}
	          <option value="rent_user_account" selected="true">会员账号</option>
          {else /}
           <option value="rent_user_account">会员账号</option>
          {/if}
        </select>
      </div>
      <div class="form-group col-sm-3 input-group">
        <label for="">请输入搜索条件</label>
        <input class="form-control" type="text" placeholder="订单编号/会员账号" value="{:input('get.keyword')}" name="keyword">
        <label for="">&nbsp;</label>
        <span class="input-group-btn">
          <button class="btn btn-default" type="submit">搜索</button>
        </span>
      </div>
      <div class="clearfix"></div>
    </form>
    <!-- /.row -->
    <div class="row">
      <!-- 选项卡start -->
      <div class="bs-example">
        <!-- 选项卡标题start -->
        <ul class="nav nav-tabs" style="margin-bottom:15px;">
          <li>
            <a href="/orders/indexpay">待付款</a>
          </li>
          <li>
            <a href="/orders/indexwaitin">待入住</a>
          </li>
          <li>
            <a href="/orders/refundon">退款中</a>
          </li>
          <li>
            <a href="/orders/indexin">入住中</a>
          </li>
          <li>
            <a href="/orders/leaved">已离开</a>
          </li>
          <li>
            <a href="/orders/refunddeposit">返还押金中</a>
          </li>
          <li>
            <a href="/orders/indexcomplete">已完成</a>
          </li>
          <li class="active">
            <a href="/orders/indexcancel">取消订单 <span class="badge">{$order_q_x}</span></a>
          </li>
        </ul>
        <!-- 选项卡标题end -->
      </div>
      <!-- 选项卡end -->
      <div class="col-lg-12">
        <div class="table-responsive">
          <table class="table table-bordered table-hover table-striped tablesorter">
            <thead>
              <tr>
                <th>下单时间</th>
                <th>订单来源</th>
                <th>订单编号</th>
                <th>预约时间</th>
                <th>房车信息</th>
                <th>车主信息</th>
                <th>预约会员信息</th>
                <th>支付信息</th>
              </tr>
            </thead>
             <tbody>
              {volist name='order' id='vo'}
                <tr>
                  <td>{$vo.created_at}</td>
                  <td>{$vo.source}</td>
                  <td><a href="/orders/read?id={$vo.id}" title="查看订单详情">{$vo.number}</a><br><a href="/orders/read?id={$vo.id}" title="查看订单详情">查看详情</a></td>
                  <td>From：{$vo.take_car_date}<strong></strong><br>To：{$vo.leave_car_date}<strong></strong></td>
                  <td>泊位编号：{$vo.caravan.park_num} 营地名称: {$vo.camp.name}<br>房车编号：<a href="/caravan/">{$vo.caravan.number}</a></td>
                  <td>账号：{$vo.caravanUser.mobile}<a href="/member/"></a><br>姓名：{$vo.caravanUser.real_name}</td>
                  <td>账号：{$vo.user.mobile}<a href="/member/"></a><br>姓名：{$vo.user.real_name}</td>
                  <td>旅行币：{$vo.total_intergral}<br>总货币：{$vo.total_amount} <br/>押金：{$vo.deposit}</td>
                </tr>
              {/volist}
            </tbody>
          </table>
        </div> 
      </div>
    </div>
    <!-- /.row -->
  </div><!-- /#page-wrapper -->

